<template>
  <div class="cart-list-wrap">
    <scroll :pull-up-load="true" class="scollList" ref="scrollCart">
    <cart-list-item :cartList="cartList"></cart-list-item>
    </scroll>
  </div>
</template>

<script>
  import CartListItem from './CartListItem.vue'
  import Scroll from "../../../components/common/scroll/Scroll";
  export default {
    name: "CartList",
    computed: {
      cartList() {
        return this.$store.state.cartList;
      }
    },
    components:{
      Scroll,
      CartListItem
    },
    activated() {
      this.$refs.scrollCart.scroll.refresh()
    }
  }
</script>

<style  scoped="scoped">
  .cart-list-wrap {

    height: 100vh;

  }
  .scollList{
    position: absolute;
    top: 44px;
    bottom: 89px;
    left: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
  }
</style>